<!DOCTYPE html>
<html lang="zh" class="no-js">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/images/favicon/favicon.png">
    <link rel="stylesheet" type="text/css" href="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/vender/layui/css/layui.css">
    <script src="https://lulufans-static.oss-cn-shanghai.aliyuncs.com/lulufans-static/vender/layui/layui.js"></script>
    <link rel="stylesheet" href="./static/css/nav.css">
    <title>雫るる| About</title>
    <style type="text/css">
        body {
            background-color: #FC598E;
        }

        p,
        h1,
        h2,
        h3,
        h4 {
            color: white;
        }

        .headline {
            max-width: 960px;
            margin: 50px auto;
            border-bottom: 1px solid white;
        }

        #help_btn {
            border: 0;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="layui-container" id="nav_container">
            <div class="logo" >
                <img src="./static/images/lulu_logo.png" width="98px" alt="">
            </div>
            <input type="checkbox"  id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" id="mobile-icon">
                <span class="menu-icon">
                    <i class="layui-icon layui-icon-app"></i>  
              </span>
            </label>
            <div class="page_nav">
                <ul class="layui-nav">
                    <li class="layui-nav-item">
                        <a href="index.html">首页</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="personal.html">个人简介</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="music.html">音乐</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="video.html ">视频</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="photo.html ">同人图</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item">
                        <a href="meme.html">表情包</a>
                        <div class="radius"></div>
                    </li>
                    <li class="layui-nav-item layui-this">
                        <a href="about.html">关于</a>
                        <div class="radius"></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="layui-container">
        <div class="layui-row">
            <div class="headline">
                <h1 id="title_left" style="display: inline-block;">关于</h1>
                <h1 id="title_right" style="float: right;">ABOUT</h1>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs6 layui-col-sm6 layui-col-md12" style="width: 100%;">
                <div class="about" style="text-align: center;">
                    <h2>制作组：雫るるの程序组</h2>
                    <h3>总策划：岡坂かつじ</h3>
                    <!-- <h4></h4> -->
                    <h3>人事策划：陌路人生1911</h3>
                    <!-- <h4></h4> -->
                    <h3>项目总组长：阿良々木暦</h3>
                    <!-- <h4>阿良々木暦</h4> -->
                </div>
                <div class="about-group" style="text-align: center;margin-top: 3%;">
                    <h3>前端</h3>
                    <h4>岡坂勝治&nbspMayeths&nbsp阿良々木暦&nbsp涂山苏苏</h4>
                    <h3>后端</h3>
                    <h4>阿良々木暦&nbsp红炎&nbsp普拉斯鸽子&nbspふゆゆ&nbspゞ洳泚丶帞泩ゞ洳泚丶
                    </h4>
                    <h3>美工</h3>
                    <h4>梦魇Tsuki</h4>
                    <!-- <h2>投稿邮箱:shizukalulu@163.com</h2> -->
                    <h2>投稿邮箱:shizukululu@163.com <s>shizukalulu@163.com</s>(划掉)</h2>
                    <button type="button" data-method="confirmTrans"
                            class="layui-btn layui-btn-primary layui-btn-xs" id="help_btn">
                            投稿说明</button>
                </div>
                <div class="bottm-logo" style="text-align: center;margin-top: 5%;">
                    <img src="./static/images/lulu_logo_2.png" alt="" width="200px">
                </div>

            </div>
        </div>
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script>
            layui.use(['element', 'layer'], function () {
                var element = layui.element;
                var layer = layui.layer;

            });
            $(".mobile-icon").click(function () {
                $(".page_nav").toggleClass('layui-show');
            });
            layui.use('layer', function () { //独立版的layer无需执行这一句
                var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
                var active = {
                    confirmTrans: function () {
                        //配置一个透明的询问框
                        layer.msg('由于服务器资源的原因，只支持投稿图片和音乐。<p>投稿方式：同人图(或表情包)/音乐(需要自备封面，不然将使用默认封面)</P></br><p>注意：本网站为非盈利网站，请确保版权后再投稿，如有侵权，请立即联系shizukululu@163.com删除</p>', {
                            time: 0,//关闭自动关闭
                            btn: ['明白了']
                        });
                    }
                }
                $('.about-group .layui-btn').on('click', function () {
                    var othis = $(this), method = othis.data('method');
                    active[method] ? active[method].call(this, othis) : '';
                });
            })
        </script>
</body>

</html>